<template>
  <div class="center_bottom">
    <div id="ezuikit-player"></div>
  </div>
</template>

<script>
import axios from "axios";

export default {
  data() {
    return {
      UIKit:null,
      themeData: {
        "header": {
          "color": "#1890ff",
          "activeColor": "#FFFFFF",
          "backgroundColor": "#000000",
        },
        "footer": {
          "color": "#FFFFFF",
          "activeColor": "#1890FF",
          "backgroundColor": "#00000021",
          "btnList": [
            {
              "iconId": "sound",
              "part": "left",
              "defaultActive": 0,
              "memo": "声音按钮",
              "isrender": 1
            },
            {
              "iconId": "pantile",
              "part": "left",
              "defaultActive": 0,
              "memo": "云台控制按钮",
              "isrender": 1
            },
            {
              "iconId": "zoom",
              "part": "left",
              "defaultActive": 0,
              "memo": "电子放大",
              "isrender": 1
            },
            {
              "iconId": "webExpend",
              "part": "right",
              "defaultActive": 0,
              "memo": "网页全屏按钮",
              "isrender": 1
            },
          ]
        }
      },

    };
  },
  props: {},
  mounted() {
    setTimeout(()=>{
      this.getData();
    },3000)
  },
  methods: {
    getData(){
      // const param = {
      //   // accessToken: this.$store.state.setting.accessToken,
      //   deviceSerial:"BA1581481",
      //   accessToken:'at.4zap4dnw9luw4qmedcnuqafl35xcpi4t-7zqf6x9p1p-0dwt0bx-ezstxykm9',
      // }
      // axios.post(`https://open.ys7.com/api/lapp/v2/live/address/get`,param).then(res=>{
      //   // console.log(res);
      //   if(res.code == 200){
      //     this.UIKit = new EZUIKit.EZUIKitPlayer({
      //       id: `ezuikit-player`,
      //       autoplay: true,  // 默认播放
      //       url: res.data.url,
      //       accessToken: 'at.4zap4dnw9luw4qmedcnuqafl35xcpi4t-7zqf6x9p1p-0dwt0bx-ezstxykm9',
      //       audio: 0, // 是否默认开启声音 0 - 关闭 1 - 开启
      //       width: 463,
      //       height: 260,
      //       themeData: this.themeData
      //     })
      //   }else{
      //     this.UIKit = new EZUIKit.EZUIKitPlayer({
      //       id: `ezuikit-player`,
      //       autoplay: true,  // 默认播放
      //       url: 'ezopen://open.ys7.com/BA1581481/1.hd.live',
      //       accessToken: 'at.4zap4dnw9luw4qmedcnuqafl35xcpi4t-7zqf6x9p1p-0dwt0bx-ezstxykm9',
      //       audio: 0, // 是否默认开启声音 0 - 关闭 1 - 开启
      //       width: 463,
      //       height: 260,
      //       themeData: this.themeData
      //     })
      //   }
      // }).catch(error=>{
      //   console.log(error)
      //   this.UIKit = new EZUIKit.EZUIKitPlayer({
      //     id: `ezuikit-player`,
      //     autoplay: true,  // 默认播放
      //     url: 'ezopen://open.ys7.com/BA1581481/1.hd.live',
      //     accessToken: 'at.a8pnxnak9a0pgerq838vx0sx3hrjdtzh-7ljydkc43v-10ing98-rbzylbf9l',
      //     audio: 0, // 是否默认开启声音 0 - 关闭 1 - 开启
      //     width: 463,
      //     height: 260,
      //     themeData: this.themeData
      //   })
      // })
      this.UIKit = new EZUIKit.EZUIKitPlayer({
        id: `ezuikit-player`,
        autoplay: true,  // 默认播放
        url: 'ezopen://open.ys7.com/BA1581481/1.hd.live',
        accessToken: this.$store.state.setting.accessToken,
        // accessToken: 'at.3zs53e3w771j6bpi2zr0fx3l5wkwc8wd-4jo3fzcqd9-15pf8k1-mrkesabhk',
        audio: 0, // 是否默认开启声音 0 - 关闭 1 - 开启
        width: 463,
        height: 260,
        themeData: this.themeData
      })
    },
    beforeDestroy() {
      // this.UIKit = null;
    },
    browserFullscreen(){
      console.log("放大")
      this.UIKit.browserFullscreen();
    }
  },
};
</script>
<style lang="scss" scoped>
.center_bottom {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;

  .echarts_bottom {
    width: 100%;
    height: 100%;
  }
}
</style>
